﻿/***********************************************************************
*                   Easy UI
*
************************************************************************/
.easyButton
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    border: 0px none;
    cursor: pointer;
    text-align: center;
    hide-focus: expression(this.hideFocus=true); /* for ie 5+ */
    outline: none; /* for firefox 1.5 + */
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    padding: 6px;
    position: relative;
    vertical-align: middle;
    background-color: #0099E1;
    min-width:80px;
}

.easyButtonClickDisableFunc{}

/************************************  Table   ***********************************/
.easyShowTable, .easyInputTable
{
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 10px auto 0;
    font-size: 12px;
}
.easyShowTable td, .easyShowTable th, .easyInputTable td
{
    border: #eeeeee 1px solid;
    height: 22px;
    text-align: left;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.easyShowTableHeadTr
{
    background-color: #00A0E4;
    color: white;
    font-size: 14px;
    font-weight: bold;
}
.easyShowTable th
{
    cursor: pointer;
}
.easyShowTableEvenTr, .easyInputTableEvenTr /*start from 0 */
{
    background-color: White;
}
.easyShowTableOddTr, .easyInputTableOddTr
{
    background-color: #F9F9F9;
}
.easyTableFooter
{
}

/************************************  EasyTextBox  ***********************************/
.waterMark
{
    color: gray;
    font-size: 13px;
    font-style: italic;
}
.easyTextbox
{
    outline: none;
    border-width: 1px;
    border-style: solid;
    padding:3px 5px;
}

/************************************  EasyTab   ***********************************/
.easyTab
{
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #DDDDDD;
    margin: 0;
    overflow: hidden;
    padding: 4px;
}
.easyTabTitle
{
    height: 20px;
    margin-bottom: -1px;
    clear: both;
}
.easyTabTitle span
{
    background: none repeat scroll 0 0 transparent;
    border-color: #DDDDDD;
    border-style: none dashed none none;
    border-width: medium 1px medium medium;
    padding: 4px 8px;
    cursor: pointer;
    display: inline;
    font-size: 13px;
    font-style: normal;
    margin-bottom: 0px;
    margin-right: 0px;
    display: block;
    float: left;
    position: relative;
    z-index: 999;
}
.easyTabTitle .easyTabCurrentFunc
{
    cursor: pointer;
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px white solid;
    border-left: 1px #DDDDDD solid;
    border-right: 1px #DDDDDD solid;
    border-top: 1px #DDDDDD solid;
    color: #5DBEEC;
    font-weight: bold;
    font-size: 15px;
}
.easyTabContent
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    padding: 5px;
    float: left;
    position: relative;
    z-index: 0;
    margin: -1px auto 0;
    *margin-top:5px;
}

.easyTabContent div
{
    font-size: 14px;
}

.easyTabAutoHeightFunc{}

/************************************  TextArea   ***********************************/
.easyTextArea
{
    overflow: auto;
    border-width: 0;
    resize: none; /*remove chrome and firefox resize function*/
    outline: none;
}
.easyTextAreaResize
{
    -moz-user-select: none;
    background-image: url("../Images/EasyWebUI/resize.png");
    background-repeat: no-repeat;
    cursor: nw-resize;
    display: block;
    height: 14px;
    width: 14px;
}
.easyTextAreaResize::selection
{
    background: transparent; /*webkit*/
}
.easyTextAreaTable
{
    border: 1px solid #d9d9d9;
}
.easyTextareaFooter
{
    color: #999999;
    font-weight: normal;
    font-size: 12px;
}
.easyTextAreaBorderTopLeft
{
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    padding: 3px;
}
.easyTextAreaBorderTopCenter
{
    border-top: 1px solid #d9d9d9;
}
.easyTextAreaBorderTopRight
{
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    padding: 3px;
}
.easyTextAreaBorderBottomLeft
{
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
}
.easyTextAreaBorderBottomCenter
{
    border-bottom: 1px solid #d9d9d9;
}
.easyTextAreaBorderBottomRight
{
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

.easyTextAreaBorderBottom
{
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}


/************************************  ContentBox   ***********************************/
.easyContentBox
{
    text-align: left;
    margin-bottom: 20px;
}
.easyContentBoxTableHeader
{
    background-image: url('../Images/EasyWebUI/titleFill.png');
    background-repeat: repeat-x;
    font-weight: bold;
    font-size: 14px;
    line-height: 37px;
    color: #00A0E4;
}
.easyContentBoxTableBody
{
    clear: both;
    border: solid 1px #ccc;
    border-top: 0px;
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.easyContentBoxTableContent
{
    border-right: #cccccc 1px solid;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-left: #cccccc 1px solid;
    width: 880px;
    padding-top: 7px;
    border-bottom: #cccccc 1px solid;
    background-color: #FFFFFF;
}

.easyContentBoxTableHeader>span,.easyContentBoxTableBody>span
{
    border: solid 0 white;
    display: inherit;
    margin: 0;
    padding: 0;
}